<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <script src="/jquery/jquery-migrate-3.0.0.min.js"></script>
    <script src="/bootstrap/js/bootstrap.min.js"></script>
    <script src="/plugins/layer/layer.min.js"></script>
    <script src="/common/js/ajaxfileupload.js" ></script>

    <!-- Bootstrap table -->
    <script src="/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    <script src="/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
</head>
<body>
    <div class="container-fluid">
        <div class="box box-info">
            <div class="box-header with-border">
                <h3 class="box-title">用户列表</h3>
            </div>
            <div class="box-footer">
                <button type="button" class="btn btn-info" id="refreshBtn">
                    <i class="fa fa-plus" aria-hidden="true"></i>刷新
                </button>
                <button type="button" class="btn btn-primary" id="addBtn">
                    <i class="fa fa-plus" aria-hidden="true"></i>新增用户
                </button>
                <button type="button" class="btn btn-warning" id="recognizeBtn">
                    <i class="fa fa-plus" aria-hidden="true"></i>人脸识别
                </button>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <table id="listTable" class="table table-striped table-bordered table-hover">
                    <thead>
                        <tr>
                            <th class="center" width="40">ID</th>
                            <th class="center" width="200">姓名</th>
                            <th class="center" width="200">人脸图片</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>

    <div id="addLayer" style="display: none;padding:10px;">
        <form id="searchForm" class="form-horizontal" method="post">
            <div class="col-md-12">
                <div class="form-group">
                    <label for="name">姓名</label>
                    <input class="form-control" id="name" maxlength="64" name="name" placeholder="请输入姓名" type="text">
                </div>
            </div>
            <div class="col-md-12">
                <div class="form-group">
                    <label for="faceImgFile">人脸图片</label>
                    <input type="file" id="faceImgFile" name="faceImgFile"
                           onchange="ajaxFileUpload('faceImg')">
                    <div class="help-block" id="show_faceImg"></div>
                    <p class="help-block">支持jpg,jpeg,png,bmp格式的图片</p>
                </div>
            </div>
        </form>
    </div>

    <div id="recognizeLayer" style="display: none;padding:10px;">
        <form id="recognizeForm" class="form-horizontal" method="post">
            <div class="col-md-12">
                <div class="form-group">
                    <label for="recognizeImgFile">选择人脸图片</label>
                    <input type="file" id="recognizeImgFile" name="recognizeImgFile"
                           onchange="ajaxFileUpload('recognizeImg')">
                    <div class="help-block" id="show_recognizeImg"></div>
                    <p class="help-block">支持jpg,jpeg,png,bmp格式的图片</p>
                </div>
            </div>
        </form>
    </div>
    <script src="/modules/recognition/recognition.js"></script>
</body>
</html>